Case Study: Meet App

Overview

Meet App is a serverless, progressive web application (PWA) built with React and Vite. It allows users to explore upcoming tech events across various cities using the Google Calendar API. Built using Test-Driven Development (TDD) and designed with scalability and offline usability in mind.

The Problem

• Lack of a centralized way to discover upcoming tech events by location
• Event apps often lack offline capabilities
• Limited data visualization on event trends and types

The Solution: Meet App

Meet App offers an intuitive UI with the ability to filter events by city, visualize event data, and use the app offline. Authentication is handled via Google OAuth, and data is fetched via Google Calendar API.

Key Features

• 🔑 Secure login with Google OAuth
• 🔍 Filter events by city

• 📋 Show/hide event details

• 🔢 Specify number of events

• 📶 Offline access via PWA
• 📊 Charts to visualize city-wise and genre-wise events

• 📲 Add shortcut to home screen

Tech Stack

Frontend: React, Vite, Workbox (PWA), Recharts

Testing: Jest, React Testing Library

Auth & Data: Google Calendar API, OAuth2

Deployment: Vercel (serverless functions)

Development Highlights

• ✅ Test-Driven Development (TDD) with Jest
• 🔒 Secure OAuth2 login using Google APIs
• 📦 Deployed as a PWA for offline capabilities
• 📉 Visualized data with Recharts for better UX

Feature Scenarios (BDD-style)

Feature 1: Filter Events By City

• Scenario 1: Default – show events from all cities
• Scenario 2: Show city suggestions during typing
• Scenario 3: Filter events upon selecting a city

Feature 2: Show/Hide Event Details

• Scenario 1: Events collapsed by default
• Scenario 2: Expand event to view details

Feature 3: Specify Number of Events

• Scenario 1: Default 32 events shown
• Scenario 2: User can set number manually

Impact & Results

• 🎯 Improved discovery of tech events by location
• 📈 Better user experience with offline access
• 📊 Insightful visualizations via charts
• 🚀 Fast performance and scalability through serverless deployment

Conclusion

Meet App solves a key problem for tech enthusiasts by helping them find events easily and stay informed even when offline. Built with modern web technologies and a strong focus on TDD, it's scalable, fast, and easy to use.

Future improvements include event rating, sharing features, and calendar integration.